﻿
.albums{ float:left; display:inline; padding:10px 0;}
.albums{ position:relative;width:860px; border:1px solid #e3e3e3; background:#fff; }
.albums .view{ width:860px; height:470px; overflow:hidden; margin:0 auto;}
.albums .view a.scroll{ display:block; width:45px; height:100px; background:url(../images/arrow.png); position:absolute; top:35%;  opacity:0.2;filter: alpha(opacity=20);-moz-opacity: 0.2;}
.albums .view a.scroll:hover{ opacity:0.5;filter: alpha(opacity=50);-moz-opacity: 0.5; }
.albums .view a.prev{ background-position:0 0; left:0;}
.albums .view a.next{ background-position:-55px 0; right:0;}
.albums .view table{ width:100%; height:470px; text-align:center;}
.albums .view .buttons{ position:absolute; left:0; bottom:150px; width:100%; height:30px; line-height:30px; text-align:center; display:none;}
.albums .view .buttons a{ margin:0 5px; padding:5px 8px; font-size:14px; background:#efeff1; color:#27221e;}
.albums .view .buttons a:hover{ text-decoration:none;}
.albums .view .buttons a.active{ background:#c79b6c; color:#fff;}
.albums .list{ display:block; position:relative; width:100%; height:112px; overflow:hidden; margin-top:10px; border-top:1px solid #e3e3e3; padding-top:10px;}
.albums .list .main-list{ width:860px; margin:0 auto; height:92px; padding-bottom:20px; overflow-x:auto; overflow-y:hidden;}
.albums .list a.scroll{ display:block; width:60px; height:92px; position:absolute; top:10px; background:#fff; cursor:pointer;}
.albums .list a.scroll span{ display:block; width:13px; height:23px; background:url(images/arrow.jpg); margin-top:30px;}
.albums .list a.prev{ left:0;}
.albums .list a.next{ right:0;}
.albums .list a.prev span,.albums .list a.next span{ display:inline;}
.albums .list a.prev span{ float:left; background-position:0 0; margin-left:25px;}
.albums .list a.next span{ float:right; background-position:-13px 0; margin-right:25px;}
.albums .list a.prev:hover span{ background-position:0 -23px;}
.albums .list a.next:hover span{ background-position:-13px -23px;}
.albums .list li{ float:left; width:134px; height:82px; margin:0 10px; overflow:hidden; border:1px solid #fff; position:relative; cursor:pointer;}
.albums .list li.active { border:1px solid #c79b6c;}
.albums .list table{ width:100%; height:64px; text-align:center;}
/*.albums .list .mask{ width:100%; height:24px; position:absolute; z-index:9; left:0; bottom:0; background:#000; opacity:0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;}
.albums .list .photo-describe{ width:100%; height:24px; line-height:24px; text-align:center; font-size:14px; text-align:center; color:#fff; position:absolute; z-index:99; left:0; bottom:0;}*/